import { ref, computed } from "vue";
import { defineStore } from "pinia";

export const useCounterStore = defineStore("counter", () => {
  // 相当于vuex里的state
  const count = ref(0);
  // 相当于vuex里的getters
  const doubleCount = computed(() => count.value * 2);
  // 相当于actions
  // pinia中是没有mutations的，actions既可以处理异步操作也可以处理同步操作
  function increment() {
    count.value++;
  }

  return { count, doubleCount, increment };
});

// export const useCounterStore = defineStore("counter", {
//   state: () => {
//     return {
//       count: 0,
//       count1: 100,
//     };
//   },
//   actions: {
//     increment() {
//       this.count++;
//     },
//   },
//   getters: {},
// });
